<template>
    <div>

<div class="row box">
  <div class="col-xs-6">
				<div class="mui-input-row mui-checkbox ">
  <label></label>
  <input name="checkbox1" value="Item 1" type="checkbox" class="check">
</div>
  </div>
  <div class="col-xs-6">
    <div class="img-check">
     <img src="../../images/info-1.jpg" alt="...">
      <p>泸州老窖，值得珍藏！</p>
        <div class="mui-numbox">
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input class="mui-input-numbox" type="number" />
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
		</div>
    </div>
      
  </div>
  <div class="col-xs-6">
      <div class="money">
             <br>
           <a href="#">￥：58.8</a>
      <br><br>
      <a href="#">含运费</a>
      <br><br>
      <p class="mui-icon mui-icon-trash"></p>
      </div>
  </div>
</div>


<div class="row box">
  <div class="col-xs-6">
				<div class="mui-input-row mui-checkbox ">
  <label></label>
  <input name="checkbox1" value="Item 1" type="checkbox" class="check">
</div>
  </div>
  <div class="col-xs-6">
    <div class="img-check">
     <img src="../../images/info-1.jpg" alt="...">
      <p>泸州老窖，值得珍藏！</p>
        <div class="mui-numbox">
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input class="mui-input-numbox" type="number" />
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
		</div>
    </div>
      
  </div>
  <div class="col-xs-6">
      <div class="money">
             <br>
           <a href="#">￥：58.8</a>
      <br><br>
      <a href="#">含运费</a>
      <br> <br>
       <p class="mui-icon mui-icon-trash"></p>
      </div>
   
     
  </div>
</div>


<div class="row box">
  <div class="col-xs-6">
				<div class="mui-input-row mui-checkbox ">
  <label></label>
  <input name="checkbox1" value="Item 1" type="checkbox" class="check">
</div>
  </div>
  <div class="col-xs-6">
    <div class="img-check">
     <img src="../../images/info-1.jpg" alt="...">
      <p>泸州老窖，值得珍藏！</p>
        <div class="mui-numbox">
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input class="mui-input-numbox" type="number" />
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
		</div>
    </div>
      
  </div>
  <div class="col-xs-6">
      <div class="money">
             <br>
           <a href="#">￥：58.8</a>
      <br><br>
      <a href="#">含运费</a>
       <br> <br>
       <p class="mui-icon mui-icon-trash"></p>
      </div>
   
     
  </div>
</div>

<div class="row box">
  <div class="col-xs-6">
				<div class="mui-input-row mui-checkbox ">
  <label></label>
  <input name="checkbox1" value="Item 1" type="checkbox" class="check">
</div>
  </div>
  <div class="col-xs-6">
    <div class="img-check">
     <img src="../../images/info-1.jpg" alt="...">
      <p>泸州老窖，值得珍藏！</p>
        <div class="mui-numbox">
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input class="mui-input-numbox" type="number" />
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
		</div>
    </div> 
  </div>
  <div class="col-xs-6">
      <div class="money">
             <br>
           <a href="#">￥：58.8</a>
      <br><br>
      <a href="#">含运费</a>
       <br> <br>
       <p class="mui-icon mui-icon-trash"></p>
      </div>
   
     
  </div>
</div>

<div class="footer">
    
<div class="mui-input-row mui-checkbox ">
  <label></label>
  <input name="checkbox1" value="Item 1" type="checkbox" class="check">
</div>

</div>


</div>
</template>
<script>
export default {
    
}
</script>
<style lang='scss'>
.mui-table-view{
    width: 60%;
    height: 50%;
}
.check{
    margin-top: 50px;
    margin-right:10px;
}
.box{
    height: 150px;
    border: 1px solid #ccc;
}
   .mui-numbox{
     
       height: 200px;
       margin-left: 90px;
   }
   .mui-btn{
       margin: 0px;
   }
.col-xs-6{
    float: left;
}
.mui-checkbox{

    height: 100px;
}
.img-check{
       margin: 12px 0px 0px -20px;
}
.img-check img{
    width: 40%;
    float: left;

}
.money{
    margin-left: 30px;
}
.money p{
    margin-left: px;
}
</style>
